<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Proximity大事件!</title>
    <meta name="viewport"
          content="width=device-width, initial-scale=1,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <link rel="stylesheet" href="css/styles.css">
    <script>
        ;(function (win) {
            var doc = win.document;
            var docEl = doc.documentElement;
            var tid;

            function refreshRem() {
                var width = docEl.getBoundingClientRect().width;
//                if (width > 750) { // 最大宽度
//                    width = 750;
//                }else {
//                }

                if (width <= 750) {
                    var rem = width / 10; // 将屏幕宽度分成10份， 1份为1rem
                    docEl.style.fontSize = rem + 'px';
                }

            }

            win.addEventListener('resize', function () {
                clearTimeout(tid);
                tid = setTimeout(refreshRem, 300);
            }, false);
            win.addEventListener('pageshow', function (e) {
                if (e.persisted) {
                    clearTimeout(tid);
                    tid = setTimeout(refreshRem, 300);
                }
            }, false);

            refreshRem();

        })(window);
    </script>
</head>
<body>


<div id="loading">
    <div>Loading...</div>
    <div id="progress">0%</div>
</div>

<div class="bg_box">
    <img data-src="images/icon.png" class="icon" alt="">

    <img data-src="images/bannao.png" class="bannao" alt="">
    <img data-src="images/banidea.png" class="banidea" alt="">
    <img data-src="images/banren.png" class="banren" alt="">

    <img data-src="images/proximity_bg.jpg" class="box_img" alt="">
    <img data-src="images/close_1.png" class="close_1" alt="">
    <img data-src="images/close_2.png" class="close_2" alt="">
    <img data-src="images/close_3.png" class="close_3" alt="">
    <img data-src="images/close_4.png" class="close_4" alt="">
    <img data-src="images/close_5.png" class="close_5" alt="">

    <img data-src="images/woman.png" class="pos1 small" id="img_1" alt="">
    <img data-src="images/woman.png" class="pos2 small" id="img_2" alt="">
    <img data-src="images/woman.png" class="pos3 small" id="img_3" alt="">
    <img data-src="images/woman.png" class="pos4 small" id="img_4" alt="">
    <img data-src="images/woman.png" class="pos5 small" id="img_5" alt="">
    <img data-src="images/man.png" class="pos6 small" id="img_6" alt="">

    <img data-src="images/man.png" class="pos8 small" id="img_8" alt="">
    <img data-src="images/man.png" class="pos9 small" id="img_9" alt="">
    <img data-src="images/computer.png" class="pos10 small" id="img_10" alt="">
    <img data-src="images/computer.png" class="pos11 small" id="img_11" alt="">
    <img data-src="images/computer.png" class="pos12 small" id="img_12" alt="">
    <img data-src="images/computer.png" class="pos13 small" id="img_13" alt="">
    <img data-src="images/computer.png" class="pos14 small" id="img_14" alt="">
    <img data-src="images/light.png" class="pos15 small" id="img_15" alt="">
    <img data-src="images/light.png" class="pos16 small" id="img_16" alt="">
    <img data-src="images/light.png" class="pos17 small" id="img_17" alt="">

    <img data-src="images/light.png" class="pos19 small" id="img_19" alt="">

    <img data-src="images/yun.png" class="pos21 small" id="img_21" alt="">
    <img data-src="images/yun.png" class="pos22 small" id="img_22" alt="">
    <img data-src="images/award.png" class="pos23 small" id="img_23" alt="">
    <img data-src="images/award.png" class="pos24 small" id="img_24" alt="">
    <img data-src="images/host.png" class="pos25 small" id="img_25" alt="">
    <img data-src="images/host.png" class="pos26 small" id="img_26" alt="">
    <img data-src="images/star.png" class="pos27 small" id="img_27" alt="">


    <img data-src="images/man.png" class="pos7 small renAnimate" id="img_7" alt="">
    <img data-src="images/light.png" class="pos18 small ideaAnimate" id="img_18" alt="">
    <img data-src="images/yun.png" class="pos20 small naoAnimate" id="img_20" alt="">


    <img data-src="images/hudie.png" class="hudie" alt="">


    <div class="bg">
        <img class="bg_img" data-src="images/num_bg.png" alt="">
        <div class="num_group">
            <div class="num" id="a">
                1
            </div>
            <div class="num" id="b">
                5
            </div>
        </div>
    </div>

    <img data-src="images/end.png" class="end" alt="">
    <img data-src="images/address.png" class="address" alt="">

</div>

<audio src="mp3/music.mp3" id="audio" loop></audio>

<script>
    var isMove = false;
</script>
<script src="WXConfig/wechatshare.js"></script>
<script src="js/darg.js"></script>
<script src="js/line.js"></script>
<script src="js/index.js"></script>

</body>
</html>